toolpath-desktop: cartographic redesign#24
Merged
eliothedeman merged 2 commits intomainfrom Apr 20, 2026
Merged
Conversation
Apply the Claude Design handoff (Toolpath Desktop.html) to the Tauri frontend: cream paper palette, contour-brown ink, Source Serif 4 + JetBrains Mono + IBM Plex Sans Condensed, hairline rules, §-numbered section labels. Window chrome (title bar + tabs + status bar) wraps every route; Home becomes a split-wizard entry with four source-type tabs; Preview gets the derived-path header band, inspector meta-table, and provenance canvas. IPC/TEA architecture unchanged.
Replace the unicode source glyphs (⊕●⎇◇) with inline SVG brand marks: GitHub octocat, Git logo, Anthropic "A" for Claude, and a geometric π tile for pi.dev (via the new shared SourceLogo component). Wire them into the Home source-tabs and the Claude/Pi/Git browse-row markers. Add .taurignore to exclude frontend/ from the Tauri dev watcher so Vite HMR can hot-reload the Svelte app without restarting the Rust binary on every edit.
|
🔍 Preview deployed: https://0e59ed18.toolpath.pages.dev |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
Applies the Claude Design handoff bundle (Toolpath Desktop.html) to the Tauri frontend. Reskins every route in the cartographic "paper chart" design language — cream paper, contour-brown ink, Source Serif 4 + JetBrains Mono + IBM Plex Sans Condensed, hairline rules, §-numbered section labels.
What changed
styles.css: paper/ink/contour palette, fonts, and component classes (.window,.tabs,.section-label,.status-bar,.source-tabs,.row-card,.meta-table,.card-panel,.tag,.btn,.inspector,.empty,.preview-header,.preview-body). Legacy CSS aliases kept so the.path-graph/.pg-cardstyles from the html-card viz still resolve against the new palette.app.svelte: title bar (three dots + tracked brand + centered route label + sheet code), primary tabs (New upload / Preview / Result), and a status bar..row-cardmarkers,.section-label,.card-panel, and the new button/tag primitives. IPC/TEA wiring (streaming project/session listeners, git branch loading, GitHub token flow) is unchanged.canvasEl,expandedBranches,PreviewToggleBranch)..meta-tablefor destination metadata.SourceLogo.sveltecomponent with inline SVG marks for Claude (Anthropic "A"), Pi.dev (geometric π tile), Git, and GitHub. Used in the source-tabs and browse-row markers..taurignoreexcludesfrontend/from the Tauri CLI's file-watcher so Vite HMR can hot-reload without restarting the Rust binary.contour-texture.svgcopied tofrontend/public/for the backdrop layer.Test plan
cargo tauri dev— window renders with the paper palette and window chrome.sveltefile duringtauri dev— HMR reloads without the Rust process restartingbun run checkpasses with no errors